<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="stylesheet" type="text/css" href="../bootstrap-3.1/css/bootstrap.css">
	<link rel="stylesheet" href="../font-awesome-4.0.3/css/font-awesome.min.css">
	<link rel="stylesheet" href="../rollbar/jquery.mCustomScrollbar.css">
	<link rel="SHORTCUT ICON" href="css/img/title.ico">
	<link rel="BOOKMARK" href="css/img/title.ico">
	<script type="text/javascript" src="../jquery/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="../jquery/jquery-ui-1.10.3.custom.js"></script>
	<script type="text/javascript" src="../bootstrap-3.1/js/bootstrap.js"></script>
	<script type="text/javascript" src="../jquery/jquery.cookie.js"></script>
	<script type="text/javascript" src="../rollbar/jquery.mousewheel.min.js"></script>
	<script type="text/javascript" src="../rollbar/jquery.mCustomScrollbar.min.js"></script>
	<script type="text/javascript" src="../security/crypto2.js"></script>
	<script type="text/javascript" src="js/login.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	
	<!--[if lt IE 9]>
	  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	  <link rel="stylesheet" type="text/css" href="/lab/flip/flip_ie.css"/>
	<![endif]-->
	<title>众方电话会议 - 登录</title>
	<style type="text/css">
	*{
		font-family: Arial,微软雅黑,黑体;
		font-weight:lighter;
		font-size:13.3px;
		margin: 0px auto;
		padding: 0px auto;
	}
	h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
		font-family: Arial,微软雅黑,黑体
	}
	body {
	  padding-top: 40px;
	  padding-bottom: 40px;
	  background-color: #348eda;
	}
	
	.form-signin {
	  max-width: 330px;
	  width: 330px;
	  padding: 0 15px 15px 15px;
	  margin: 0 auto;
	}
	
	.form-signin .checkbox {
	  margin-bottom: 10px;
	  font-weight: normal;
	  margin-right:0px;
	}
	.form-signin .form-control {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	}
	.form-signin .form-control:focus {
	  z-index: 2;
	}
	.form-signin input[type="email"] {
	  margin-bottom: -1px;
	  border-bottom-left-radius: 0;
	  border-bottom-right-radius: 0;
	}
	.form-signin input[type="password"] {
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}
	
	.control-group{
	    margin-bottom: 10px
	}
	label,input,button,select,textarea {
	    font-size: 14px;
	    font-weight: normal;
	    line-height: 20px
	}
	h1 small{
		font-size: 16px;
	    font-weight: 400;
	}
	.form-signin h1 {
		font-weight: 500;
		text-align: center;
		font-size: 28px;
		border-bottom: 1px solid #eee;
		margin: 0 -15px;
		padding: 30px 0;
		margin-bottom: 20px;
		color: #1f84d9;
		line-height: 1;
	}
	hr {
		margin-left: -15px;
		margin-right: -15px;
	}
	.globe{
		width: 765px;
		height: 465px;
		background-image: url('css/img/home-globe.png');
		background-size: 904px 764px;
		position: absolute;
		z-index: 1;
		right: 0px;
		bottom: 0px;
	}
	.ui-autocomplete-category {
	    font-weight: bold;
	    padding: .2em .4em;
	    margin: .8em 0 .2em;
	    line-height: 1.5;
	  }
	  .ui-helper-hidden-accessible {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.ui-autocomplete {
		top:auto;
		width:296px;
		z-index:1030;
	}
	.ui-autocomplete.dropdown-menu{
		position: static;
		margin: 0px;
		padding: 10px 0px 0px 0px;
		border:none;
		outline:none;
		-webkit-box-shadow:none;
	          box-shadow:none;
	}
	
	.ui-autocomplete-scroll{
		width:298px;
		max-height:400px;
		z-index:1032;
		background-color:#fff;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	}
	.ui-autocomplete .ui-corner-all{
		height:30px;
		line-height:25px;
		padding-right:0px;
		color: #666
	}
	.input-group .input-group-addon{
	    padding:0px;
	    background: none
	}
	#getIdentiCode{
		padding:10px 12px
	}
	.btn-group{
		padding-left:2px
	}
	.help-block{
		display: none;
	}
	.help-block,.help-block p{
		margin:0px;
	}
	.control-group .checkbox a{
		margin-left:164px;
	}
	</style>
</head>
<body>
	<div class="container">
		<div class="tab-content" style="position: absolute;z-index:2">
			<div class="container tab-pane active"  id="loginDiv">
				<form class="form-signin thumbnail" role="addConfForm" id="addConfForm">
					<h1>
			        	众方电话会议
			        	<div style="height:10px"></div>
			        	<small>开始使用电话会议</small>
			        </h1>
			        <div class="control-group">
				        <label class="control-label" for="userid">企业ID</label>
				        <input type="text" id="userid" class="form-control" placeholder="企业ID" maxlength="6" data-reg="/^[0-9]{1,6}$/" data-target="errUserId" />
				        <span id="errUserId" class="help-block ">
				        	<p  class="text-danger">
				        		请输入6位以内的数字
				        	</p>
				        </span>
			        </div>
			        <div class="control-group">
				        <label class="control-label" for="mobilenum">账号</label>
				        <input type="text" id="mobilenum" class="form-control" maxlength="20" data-reg="/^0?(13[0-9]|15[012356789]|18[012356789]|14[57])[0-9]{8}$/" data-target="mobilenumerror" placeholder="手机号码" value="">
				        <span id="mobilenumerror" class="help-block ">
					        <p  class="text-danger">
					        	请输入正确的11位电话号码
					        </p>
				        </span>
			        </div> 
			        <div class="control-group">
				        <label class="control-label" for="password">密码</label>
				        <input type="password" id="password" class="form-control"  placeholder="密码" maxlength="20" data-reg="/^[a-zA-Z0-9_]{6,20}$/" data-target="passworderror">
				        <span id="passworderror" class="help-block ">
				        	<p class="text-danger">
				        		请输入6-20位的数字下划线和字符的组合
				        	</p>
				        </span>
				    </div>
				    <div class="control-group">
				    	<div class="checkbox">
							<label>
								<input id="autoLogin" type="checkbox"> 自动登录
							</label>
							<a href="#resetPwdDiv" data-toggle="tab">找回密码</a>
						</div>
			        </div>
			        <hr>
			        <button id="login" class="btn btn-lg btn-primary btn-block" type="button">登录</button>
				</form>
	        </div>
	        <div class="container tab-pane"  id="resetPwdDiv" >
	        	<form class="form-signin thumbnail" role="resetPwdForm" id="resetPwdForm">
	        		<h1>
	        	 		众方电话会议
	        	 		<div style="height:5px"></div>
	        	 		<small>重置密码</small>
	        	 	</h1>
	        	 	<div class="control-group">
	        	 		<label class="control-label" for="re_userid">企业ID</label>
	        	 		<input type="text" id="re_userid" class="form-control" maxlength="6" placeholder="企业ID"  data-reg="/^[0-9]{1,6}$/" data-target="re_errUserId">
	        	 	    <span id="re_errUserId"  class="help-block ">
		        	 	    <p class="text-danger">
		        	 	    	请输入6位以内的数字
		        	 	    </p>
	        	 	    </span>
	        	 	</div>
	        	 	<div class="form-group">
				 		<label class="control-label" for="re_mobilenum">账号</label>
				 		<div class="input-group">
				 			<input type="text" class="form-control" id="re_mobilenum" placeholder="手机号码"  data-reg="/^0?(13[0-9]|15[012356789]|18[012356789]|14[57])[0-9]{8}$/" data-target="re_mobilenumerror">
							<span class="input-group-addon" >
							<button id="getIdentiCode" type="button" class="btn btn-primary">获取验证码</button>
							</span>
						</div>
						<span id="re_mobilenumerror"  class="help-block ">
							<p  class="text-danger">
								请输入正确的11位电话号码
							</p>
						</span>
					</div>
					<div class="control-group">
						<label class="control-label" for="validCode">验证码</label>
						<input type="text" id="validCode" class="form-control" maxlength="8" placeholder="验证码">
					</div>
					<div class="control-group">
						<label class="control-label" for="new_password">新密码</label>
						<input type="password" id="new_password" class="form-control" maxlength="20" placeholder="新密码" data-reg="/^[a-zA-Z0-9_]{6,20}$/" data-target="new_passworderror">
						 <span id="new_passworderror" class="help-block ">
						 	<p  class="text-danger">
						 		请输入6-20位的数字下划线和字符的组合
						 	</p>
						 </span>
					</div>
					<div class="control-group">
			    		<label class="control-label" for="rep_password">确认密码</label>
			    		<input type="password" id="rep_password" class="form-control" maxlength="20" placeholder="确认密码">
			    		<span id="rep_passworderror" class="help-block ">
				    		<p  class="text-danger">
				    			两次输入的密码不同请重新输入
				    		</p>
			    		</span>
			    	</div>
			    	<hr>
			    	<div class="btn-group btn-group-justified">
			    		<div class="btn-group">
			    			<button id="restSuccess" type="button" class="btn btn-primary" >重置密码</button>
  						</div>
  						<div class="btn-group">
  							<a href ="#loginDiv" type="button" data-toggle="tab" class="btn btn-primary" >登陆</a>
  						</div>
  					</div>
  				</form>
			</div>
		</div>
        <div class="globe" id="globe"></div>
    </div>
</body>
</html>